﻿<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>page demo</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<style>
/*
html{height:100%}
body{height:100%;margin:0;font-size:12px}
*/

a{text-decoration:none}

.ui-page{background:url(../../S01/CHS/image/bg.jpg) #4a2d70 top repeat-x fixed}
.frame2{width:100%;height:100%;text-align:center}

/* header */
.ui-header{border-top:1px solid #6b6b6b;border-radius:3px;width:100%;overflow:hidden;color:#fff;text-align:center;background:-moz-linear-gradient(center top , #595959 0%, #000000 100%) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#000000))}
.ui-header a{float:left;margin:1%;border-top:1px solid #919191;border-radius:3px;padding:3% 0;width:20%;color:#c5c5c5;font-weight:bold;background:-moz-linear-gradient(center top , #666666 0%, #2D2D2D 100%) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#2d2d2d))}
.ui-header a.ui-link{color:#c5c5c5 !important}
.ui-header h1{float:left;margin:0;padding:3% 0;width:56%;font-size:100%;font-weight:normal}

/* footer */
.footer{margin:0;width:100%;overflow:hidden;text-align:center;background:url(../../S01/CHS/image/menu.png) transparent}
.footer dt{float:left;width:8%;cursor:pointer}
.footer dt.prev{background:url(../../S01/CHS/image/prev.png) center no-repeat}
.footer dt.next{background:url(../../S01/CHS/image/next.png) center no-repeat}
.footer dd{float:left;position:relative;margin:0;width:84%;overflow:hidden}
.footer dd ul{list-style:none;margin:0;padding:0}
.footer dd li{display:none}/*为避免闪烁，先隐藏*/
.footer dd a{float:left;margin:0 2%;padding:3% 0 0;width:21%;line-height:25px;color:#fff;font-size:12px}
.footer a.ui-link{color:#fff !important}
.footer dd span{display:block}
.footer dd img{max-width:100%}

/* 内容 */
.block1{border-radius:5px;padding:5%;min-height:200px;background:#fff}

.banner{max-width:100%}
</style>
</head>
<body>
<div data-role="page">
	<header data-role="header" data-position="fixed">
		<div>
			<a href="">返回</a>
			<h1>关于我们</h1>
			<a href="">首页</a>
		</div>
	</header>

	<div data-role="content">
		<article class="block1">
			<h2>Page content</h2>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			<p>Page content goes here.</p>
			aaaaaaaaaaaaaaaaaaaaaaaaaaaa 
		</article>
	</div>

	<dl class="footer" data-role="footer" data-position="fixed">
		<dt class="prev"></dt>
		<dd>
			<ul class="slides">
				<li>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>网站首页</span></a>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>关于我们</span></a>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>公司产品</span></a>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>联系我们</span></a>
				</li>
				<li>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>其他栏目</span></a>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>更多栏目</span></a>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>其他栏目</span></a>
					<a href=""><img src="../../S01/CHS/image/icon1.png" alt="alicms"><span>更多栏目</span></a>
				</li>
			</ul>
		</dd>
		<dt class="next"></dt>
	</dl>
</div>

<script src="/common/jquery/core2.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="../../js/jquery.flexslider.js"></script>
<script src="../../js/common.js"></script>
</body>
</html>